.confirm-consumption {
  .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-nav-container {
    height: 57px;
  }
  &-tab {
    padding-bottom: 12px;
    padding-top: 6px;
    &-subtitle {
      font-size: 12px;
      color: $font-title;
      line-height: 8px;
    }
  }
  .ant-anchor-wrapper {
    background-color: transparent;
    position: fixed;
    top: 60px;
    right: 60px;
    z-index: 9;
  }
  .ant-anchor-ink {
    position: absolute;
    height: 100%;
    right: -20px;
    top: 0;
    .ant-anchor-ink-ball { display: none; }
  }
  .ant-anchor-link-title {
    text-align: right;
    color: #4E5B71;
  }
  .ant-anchor-link { position: relative; }
  .ant-anchor-ink:before {
    width: 1px;
    position: absolute;
    right: 0;
  }
  .ant-anchor-link::after {
    content: '';
    position: absolute;
    right: -25px;
    top: 8px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #D7DCE6;
    border: 3px solid #ffffff;
  }
  .ant-anchor-link-active::after {
    background-color: $default-color;
    width: 13px;
    height: 13px;
    border-radius: 6.5px;
    right: -26px;
  }
}

.confirm-consumption-detail {
  width: 100%;
  position: relative;
  .animated { transition: all .3s; }
  .amount-details-btn { margin-left: 10px; }
  .amount-details-box {
    overflow: hidden;
    font-size: 12px;
    color: #8B93A7;
  }
  .rotate-before {
    transform: rotate(0);
  }
  .rotate-after {
    transform: rotate(180deg);
  }
  .slide-up {
    height: 0 !important;
  }
  .slide-down {
    height: auto;
  }
  .slide-footer { position: fixed; }
}

.edit-consumption-detail {
  &.new-form .chooser { margin-bottom: 8px; }
}
